<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>179000611 王少琦</title>
<style>
* { margin: 0; padding: 0;}
a{color: #000000;text-decoration: none;}
a:hover{color: #FF0000;}

.mytitle{text-align: center;}
#dowebok { width: 90%; margin: 0 auto; font-size: 14px;}
#dowebok li { float: left; width: 30%; margin-left: 1%; padding-top: 2%;}
#dowebok li img { width: 100%;}
#dowebok li .dt { width: 100%;text-align: center;}
#dowebok li{list-style-type: none;}
</style>
</head>

<body>
	<h1 class="mytitle">179000611 王少琦</h1>
	<ul id="dowebok">
		<li>
			<div><a href="#"><img data-original="img/homework1.jpg" src="img/homework1.jpg" alt="图片1"></a></div>
			<div class="dt"><a href="task1/index_task1.html">作品1：普通网页布局展示</a></div>
		</li>
		<li>
			<div><img data-original="img/homework2.jpg" src="img/homework2.jpg" alt="图片2"></div>
			<div class="dt"><a href="task2/index_task2.html">作品2：表格练习展示</a></div>
		</li>
		<li>
			<div><img data-original="img/task3.jpg" src="img/task3.jpg" alt="图片3"></div>
			<div class="dt"><a href="task3/index_task3.html">作品3：表单练习展示</a></div>
		</li>
		<li>
			<div><img data-original="img/练习四代码效果图.jpg" src="img/练习四代码效果图.jpg" alt="图片2"></div>
			<div class="dt"><a href="task4/index_task4.html">作品4：js基础练习</a></div>
		</li>
		<li>
			<div><img data-original="img/task5.jpg" src="img/task5.jpg" alt="图片1"></div>
			<div class="dt"><a href="task5/task05.html">作品5：DOM编程练习</div>
		</li>
		<li>
			<div><img data-original="img/练习六效果.jpg" src="img/练习六效果.jpg" alt="图片2"></div>
			<div class="dt"><a href="task6/task6.html">作品6：事件</div>
		</li>
		<li>
			<div><img data-original="img/时间.jpg" src="img/时间.jpg" alt="图片7"></div>
			<div class="dt"><a href="task7/task7.html">作品7：时间</div>
		</li>
		<li>
			<div><img data-original="img/练习八效果.jpg" src="img/练习八效果.jpg" alt="图片八"></div>
			<div class="dt"><a href="task8/jquery4_task.html">作品8：jquery-DOM</div>
		</li>
		<li>
			<div><img data-original="img/task9.jpg" src="img/task9.jpg" alt="图片九"></div>
			<div class="dt"><a href="task9/cart_task.html">作品9：jquery-事件，二次开发任务</div>
		</li>
		<li></li>
		<li>
			<div><img data-original="img/10.jpg" src="img/10.jpg" alt="图片十"></div>
			<div class="dt"><a href="task10/task10.html">作品10：jquery-动画</div>
		</li>
		<li>
			<div><img data-original="img/练习十一效果.jpg" src="img/练习十一效果.jpg" alt="图片十一"></div>
			<div class="dt"><a href="task11/task11.html">作品11：ajax应用</div>
		</li>
	</ul>
</body>
</html>